<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:background-color="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>聚类算法</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/data_plat.css}"/>
</head>

<!--<style>-->
<!--label {-->
<!--height: 40px;-->
<!--}-->
<!--</style>-->
<body>

<input id="move_back" type=button value=后退 onclick="window.history.back()"><br>

<div id="form-first">
    <div style="height: 50px;font-size: 30px;text-align: center;font-weight: 600">
        KMeans算法结果预览
    </div>
    <form action="/algo/kmeans/add" method="post">
        模型唯一id：<input class="form-control" type="text" th:value="${algoResult.modelId}" name="modelId"></span><br>
        算法名字：<input class="form-control" type="text" th:value="${algoResult.algoName}" name="algoName"></span><br>
        参数：<textarea class="form-control" style="width: 100%;resize: none;" type="text" rows="10" th:text="${algoResult.param}" name="param"></textarea></span><br>
        app名称：<input class="form-control" type="text" th:value="${algoResult.appName}" name="appName"></span><br>
        <!--数据摘要概要：<input class="form-control" type="text" th:value="${algoResult.info}" name="appName" style="white-space: pre-line;"></span><br>-->
        数据摘要概要：
        <textarea name="info" type="text"  style="width: 100%;resize: none;" rows="10" class="form-control" th:text="${algoResult.info}"></textarea><br>

        <!--数据统计学描述：<input class="form-control" type="text" th:value="${algoResult.describ}" name="appName"></span><br>-->
        数据统计学描述：
        <textarea name="describ" type="text"  style="width: 100%;resize: none;" rows="10" class="form-control" th:text="${algoResult.describ}"></textarea><br>

        <!--数据二维分布图片：<input class="form-control" type="text" th:value="${algoResult.twoDimDisImage}" name="appName"></span><br>-->
        数据分布趋势图片：<br>
        <img th:src="'/file/'+${algoResult.twoDimDisImage}" width="500" /><br>
        <!--预测分布趋势图片：<input class="form-control" type="text" th:value="${algoResult.predDisImage}" name="appName"></span><br>-->
        聚类后分布趋势图片： <br>
        <img th:src="'/file/'+${algoResult.predDisImage}" width="500" /><br>
        <!--聚类后质心：<input class="form-control" type="text" th:value="${algoResult.modelData}" name="appName"></span><br>-->
        聚类后质心分布：
        <textarea name="modelData" type="text"  style="width: 100%;resize: none;" rows="4" class="form-control" th:text="${algoResult.modelData}"></textarea><br>

        评价指标-轮廓函数：<input class="form-control" type="text" th:value="${algoResult.evalValue}" name="evalValue"></span><br>
        运行状态：<input class="form-control" type="text" th:value="${algoResult.status}" name="status"></span><br>
        运行开始时间：<input class="form-control" type="text" th:value="${#dates.format(algoResult.startTime,'yyyy-MM-dd hh:mm:ss')}" name="startTime"></span><br>
        运行结束时间：<input class="form-control" type="text" th:value="${#dates.format(algoResult.endTime,'yyyy-MM-dd hh:mm:ss')}" name="endTime"></span><br>
        运行时长：<input class="form-control" type="text" th:value="${algoResult.duration}+'秒'" name="duration"></span><br>
    </form>
</div>

</body>
</html>
